home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / gimp / 2.0 / help / en / gimp-concepts-patterns.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  13.0 KB  |  308 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>11.¬† Patterns</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" />
  10.     <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" />
  11.     <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
  12.     <link rel="start" href="index.html" title="GNU Image Manipulation Program" />
  13.     <link rel="up" href="gimp-painting.html" title="Chapter¬†7.¬† Painting with GIMP" />
  14.     <link rel="prev" href="gimp-concepts-gradients.html" title="10.¬† Gradients" />
  15.     <link rel="next" href="gimp-concepts-palettes.html" title="12.¬† Palettes" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">11.¬†
  22.     <span lang="en" xml:lang="en">Patterns</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-concepts-gradients.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">Chapter¬†7.¬†
  28.         <span lang="en" xml:lang="en">Painting with GIMP</span>
  29.       </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-concepts-palettes.html"><img src="../images/next.png" alt="Next" /></a></td>
  31.         </tr>
  32.       </table>
  33.       <hr />
  34.     </div>
  35.     <div class="sect1" lang="en" xml:lang="en">
  36.       <div class="titlepage">
  37.         <div>
  38.           <div>
  39.             <h2 class="title" style="clear: both"><a id="gimp-concepts-patterns"></a>11.¬†
  40.     <span lang="en" xml:lang="en">Patterns</span>
  41.   </h2>
  42.           </div>
  43.           <div>
  44.             <div class="revhistory">
  45.               <table border="1" width="100%" summary="Revision history">
  46.                 <tr>
  47.                   <th align="left" valign="top" colspan="3">
  48.                     <b>Revision History</b>
  49.                   </th>
  50.                 </tr>
  51.                 <tr>
  52.                   <td align="left">Revision $Revision: 2399 $</td>
  53.                   <td align="left">2008-01-05</td>
  54.                   <td align="left">jpl</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2597466" class="indexterm"></a>
  62.       <p>
  63.     A <span class="emphasis"><em>pattern</em></span> is an image, usually small, used
  64.     for filling regions by <span class="emphasis"><em>tiling</em></span>, that is, by
  65.     placing copies of the pattern side by side like ceramic tiles.  A
  66.     pattern is said to be <span class="emphasis"><em>tileable</em></span> if copies of
  67.     it can be adjoined left-edge-to-right-edge and
  68.     top-edge-to-bottom-edge without creating obvious seams.  Not all
  69.     useful patterns are tileable, but tileable patterns are nicest for
  70.     many purposes.  (A <span class="emphasis"><em>texture</em></span>, by the way, is
  71.     the same thing as a pattern.)
  72.   </p>
  73.       <div class="figure">
  74.         <a id="id2597505"></a>
  75.         <p class="title">
  76.           <b>Figure¬†7.27.¬†
  77.       <span lang="en" xml:lang="en">Pattern usage</span>
  78.     </b>
  79.         </p>
  80.         <div class="figure-contents">
  81.           <div class="mediaobject">
  82.             <img src="../images/using/patterns-usage.png" alt="Pattern usage" />
  83.             <div class="caption">
  84.               <p>
  85.           Three ways of using the ‚Äú<span class="quote">Leopard</span>‚Äù pattern:
  86.           bucket-filling a selection, painting with the Clone tool, and
  87.           stroking an elliptical selection with the pattern.
  88.         </p>
  89.             </div>
  90.           </div>
  91.         </div>
  92.       </div>
  93.       <br class="figure-break" />
  94.       <p>In GIMP there are three main uses for patterns:</p>
  95.       <div class="itemizedlist">
  96.         <ul type="disc">
  97.           <li>
  98.             <p>
  99.         With the <a class="link" href="gimp-tool-bucket-fill.html" title="3.3.¬† Bucket Fill">Bucket
  100.         Fill</a> tool, you can choose to fill a region with a
  101.         pattern instead of a solid color.
  102.       </p>
  103.             <div class="figure">
  104.               <a id="id2597569"></a>
  105.               <p class="title">
  106.                 <b>Figure¬†7.28.¬†
  107.           <span lang="en" xml:lang="en">The checked box for use a pattern</span>
  108.         </b>
  109.               </p>
  110.               <div class="figure-contents">
  111.                 <div class="mediaobject">
  112.                   <img src="../images/using/pattern-checked.png" alt="The checked box for use a pattern" />
  113.                   <div class="caption">
  114.                     <p>
  115.               The box for pattern fill is checked and a click on the pattern
  116.               shows you all patterns in grid mode.
  117.             </p>
  118.                   </div>
  119.                 </div>
  120.               </div>
  121.             </div>
  122.             <br class="figure-break" />
  123.           </li>
  124.           <li>
  125.             <p>
  126.         With the <a class="link" href="gimp-tool-clone.html" title="3.10.¬† Clone">Clone</a> tool,
  127.         you can paint using a pattern, with a wide variety of
  128.         paintbrush shapes.
  129.       </p>
  130.           </li>
  131.           <li>
  132.             <p>
  133.         When you <span class="emphasis"><em>stroke</em></span> a path or selection, you
  134.         can do it with a pattern instead of a solid color.  You can
  135.         also use the Clone tool as your choice if you stroke the
  136.         selection using a painting tool.
  137.       </p>
  138.           </li>
  139.         </ul>
  140.       </div>
  141.       <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  142.         <table border="0" summary="Tip">
  143.           <tr>
  144.             <td rowspan="2" align="center" valign="top" width="25">
  145.               <img alt="[Tip]" src="../images/tip.png" />
  146.             </td>
  147.             <th align="left">Tip</th>
  148.           </tr>
  149.           <tr>
  150.             <td align="left" valign="top">
  151.               <p>
  152.       Note: Patterns do not need to be opaque. If you fill or paint using a
  153.       pattern with translucent or transparent areas, then the previous
  154.       contents of the area will show through from behind it. This is one of
  155.       many ways of doing ‚Äú<span class="quote">overlays</span>‚Äù in GIMP.
  156.     </p>
  157.             </td>
  158.           </tr>
  159.         </table>
  160.       </div>
  161.       <p>
  162.     When you install GIMP, it comes presupplied with a few dozen
  163.     patterns, which seem to have been chosen more or less randomly.
  164.     You can also add new patterns, either ones you create yourself, or
  165.     ones you download from the vast number available online.
  166.   </p>
  167.       <p>
  168.     GIMP's <span class="emphasis"><em>current pattern</em></span>,
  169.     used in most pattern-related operations, is shown in the
  170.     Brush/Pattern/Gradient area of the Toolbox. Clicking on the pattern symbol
  171.     brings up the <a class="link" href="gimp-pattern-dialog.html" title="3.3.¬† Patterns Dialog">Patterns dialog</a>,
  172.     which allows you to select a different pattern. You can also access the
  173.     Patterns dialog by menu, or dock it so that it is present continuously.
  174.   </p>
  175.       <p>
  176.     To add a new pattern to the collection, so that it shows up in the
  177.     Patterns dialog, you need to save it in a format GIMP can use, in a folder
  178.     included in GIMP's pattern search path. There are several file formats you
  179.     can use for patterns:
  180.   </p>
  181.       <div class="variablelist">
  182.         <dl>
  183.           <dt>
  184.             <span class="term">PAT</span>
  185.           </dt>
  186.           <dd>
  187.             <p>
  188.           The <code class="filename">.pat</code> format is used only by GIMP, so
  189.           you will not find patterns in this format unless they were
  190.           created specifically for GIMP.  You can, however, convert any
  191.           image into a <code class="filename">.pat</code> file by opening it in
  192.           GIMP and then saving it using a file name ending in
  193.           <code class="filename">.pat</code>.
  194.         </p>
  195.           </dd>
  196.           <dt>
  197.             <span class="term">PNG, JPEG, BMP, GIF, TIFF</span>
  198.           </dt>
  199.           <dd>
  200.             <p>
  201.           New in GIMP 2.2 is the ability to use
  202.           <code class="filename">.png</code>,  <code class="filename">.jpg</code>,
  203.           <code class="filename">.bmp</code>, <code class="filename">.gif</code>, or
  204.           <code class="filename">.tiff</code> files as patterns.
  205.         </p>
  206.           </dd>
  207.         </dl>
  208.       </div>
  209.       <p>
  210.     To make a pattern available, you place it in one of the folders in GIMP's
  211.     pattern search path. By default, the pattern search path includes two
  212.     folders, the system <code class="filename">patterns</code> folder, which you should
  213.     not use or alter, and the <code class="filename">patterns</code>
  214.     folder inside your personal GIMP directory. You can add new folders to the
  215.     pattern search path using the
  216.     <a class="link" href="gimp-pimping.html#gimp-prefs-folders-data" title="1.19.¬† Data Folders">Pattern Folders</a>
  217.     page of the Preferences dialog. Any PAT file (or, in GIMP 2.2, any of the
  218.     other acceptable formats) included in a folder in the pattern search path
  219.     will show up in the Patterns dialog the next time you start GIMP.
  220.   </p>
  221.       <p>
  222.     There are countless ways of creating interesting patterns in GIMP, using
  223.     the wide variety of available tools and filters -- particularly the
  224.     rendering filters. You can find tutorials for this in many locations,
  225.     including the GIMP home page <a class="xref" href="bibliography.html#bibliography-online-gimp" title="GIMP - The Gnu Image Manipulation Program">[<abbr class="abbrev">GIMP</abbr>]</a>.
  226.     Some of the filters have options that allows you to make their results
  227.     tileable. Also, see <a class="xref" href="script-fu-tile-blur.html" title="2.7.¬† Tileable Blur">Section¬†2.7, ‚Äú
  228.     <span lang="en" xml:lang="en">Tileable Blur</span>
  229.   ‚Äù</a>, this
  230.     filter allows you to blend the edges of an image in order to make it more
  231.     smoothly tileable.
  232.   </p>
  233.       <div class="figure">
  234.         <a id="id2597838"></a>
  235.         <p class="title">
  236.           <b>Figure¬†7.29.¬†
  237.       <span lang="en" xml:lang="en">Pattern script examples</span>
  238.     </b>
  239.         </p>
  240.         <div class="figure-contents">
  241.           <div class="mediaobject">
  242.             <img src="../images/using/pattern-script-examples.png" alt="Pattern script examples" />
  243.             <div class="caption">
  244.               <p>
  245.           Examples of patterns created using six of the Pattern script-fu's
  246.           that come with GIMP. Default settings were used for everything
  247.           except size. (From left to right: 3D Truchet; Camouflage; Flatland;
  248.           Land; Render Map; Swirly)
  249.         </p>
  250.             </div>
  251.           </div>
  252.         </div>
  253.       </div>
  254.       <br class="figure-break" />
  255.       <p>
  256.     Also of interest are a set of pattern-generating scripts that come with
  257.     GIMP: you can find them in the Toolbox menu, under
  258.     <span class="guimenu">Xtns</span> ‚Üí <span class="guisubmenu">Patterns</span>.
  259.     Each of the scripts creates a new image filled with a particular type of
  260.     pattern: a dialog pops up that allows you to set parameters controlling
  261.     the details of the appearance. Some of these patterns are most useful for
  262.     cutting and pasting; others serve best as bumpmaps.
  263.   </p>
  264.       <div class="figure">
  265.         <a id="id2597905"></a>
  266.         <p class="title">
  267.           <b>Figure¬†7.30.¬†
  268.       <span lang="en" xml:lang="en">How to create new patterns</span>
  269.     </b>
  270.         </p>
  271.         <div class="figure-contents">
  272.           <div class="mediaobject">
  273.             <img src="../images/using/pattern-create.png" alt="How to create new patterns" />
  274.           </div>
  275.         </div>
  276.       </div>
  277.       <br class="figure-break" />
  278.     </div>
  279.     <div class="navfooter">
  280.       <hr />
  281.       <table width="100%" summary="Navigation footer">
  282.         <tr>
  283.           <td width="40%" align="left"><a accesskey="p" href="gimp-concepts-gradients.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  284.           <td width="20%" align="center">
  285.             <a accesskey="u" href="gimp-painting.html">
  286.               <img src="../images/up.png" alt="Up" />
  287.             </a>
  288.           </td>
  289.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-concepts-palettes.html"><img src="../images/next.png" alt="Next" /></a></td>
  290.         </tr>
  291.         <tr>
  292.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-concepts-gradients.html">10.¬†
  293.     <span lang="en" xml:lang="en">Gradients</span>
  294.   </a>¬†</td>
  295.           <td width="20%" align="center">
  296.             <a accesskey="h" href="index.html">
  297.               <img src="../images/home.png" alt="Home" />
  298.             </a>
  299.           </td>
  300.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-concepts-palettes.html">12.¬†
  301.     <span lang="en" xml:lang="en">Palettes</span>
  302.   </a></td>
  303.         </tr>
  304.       </table>
  305.     </div>
  306.   </body>
  307. </html>
  308.